<div style="background-color: #FFF; overflow: hidden">
    <div title="{{$.lp.base}}" class="MWFTab">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.id}}:</td>
                <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.name}}:</td>
                <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.description}}:</td>
                <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
            </tr>
        </table>

        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.smartbi.select}}:</td>
                <td class="editTableValue">
                    <div class="MWFSmartBISelect" name="smartbiresource"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.smartbi.displayToolbar}}:</td>
                <td class="editTableValue">
                    <div class="MWFSmartBIDisplayToolbar" name="smartbidisplaytoolbar">
                        <input type="radio" class="MWFSmartBIToolbar" name="MWFSmartBIToolbar" value="true" data-notAutoHistory text{($.smartbidisplaytoolbar)?'checked':''} /> {{$.lp.smartbi.toolbarShow}}
                        <input type="radio" class="MWFSmartBIToolbar" name="MWFSmartBIToolbar" value="false" data-notAutoHistory text{(!$.smartbidisplaytoolbar)?'checked':''} /> {{$.lp.smartbi.toolbarHide}}
                    </div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.smartbi.displayLeftTree}}:</td>
                <td class="editTableValue">
                    <div class="MWFSmartBIDisplayLeftTree" name="smartbidisplaylefttree">
                        <input type="radio" class="MWFSmartBILeftTree" name="MWFSmartBILeftTree" value="true" data-notAutoHistory text{($.smartbidisplaylefttree)?'checked':''} /> {{$.lp.smartbi.leftTreeShow}}
                        <input type="radio" class="MWFSmartBILeftTree" name="MWFSmartBILeftTree" value="false" data-notAutoHistory text{(!$.smartbidisplaylefttree)?'checked':''} /> {{$.lp.smartbi.leftTreeHide}}
                    </div>
                </td>
            </tr>
        </table>

        <div class="MWFMaplist" name="styles" title="{{$.lp.style}}"></div>
        <div class="MWFMaplist" name="properties" title="{{$.lp.attribute}}"></div>
    </div>
    <div title="{{$.lp.event}}"  class="MWFTab">
        <div class="MWFEventsArea" name="events"></div>
    </div>
    <div title="{{$.lp.html}}"  class="MWFTab">
        <div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
    <div title="{{$.lp.json}}"  class="MWFTab">
        <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
</div>
